  <!-- top menu -->
  <div class="page">
    <div class="nav-bar">
      <div class="nav-bar-inner padding10">
        <span class="pull-menu"></span>
        <a href="#">
          <span class="element brand">
            <i class="icon-windows" style="height:20px;"></i>
            马赛克的天空
          </span>
        </a>
        <div class="divider"></div>
        <ul class="menu" style="overflow:visible;">
          <li>
            <a href="<?= _ROOT."ui/proj/"?>index.php">首页</a>
          </li>
          <li class="" data-role="dropdown">
            <a href="#">枚举管理</a>
            <ul class="dropdown-menu" style="display:none;">
              <li>
                <a href="<?= _ROOT."ui/"?>enum/index.php">枚举管理</a>
              </li>
            </ul>
          </li>
          <li class="" data-role="dropdown">
            <a href="#">项目管理</a>
            <ul class="dropdown-menu" sytle="displa:none" id="menuProject">
              <li>
                <a href="<?= _ROOT."ui/proj/"?>projectAdd.php">新增项目</a>
              </li>          
              <li>
                <a href="<?= _ROOT."ui/proj/"?>index.php">所有项目</a>
              </li>
            </ul>
          </li>
          <!-- 用户管理 -->
          
          <li class="" data-role="dropdown">
            <a href="#">用户管理</a>
            <ul class="dropdown-menu" sytle="displa:none">
              <li>
                <a href="<?= _ROOT."ui/proj/"?>projAdd.php">新增用户</a>
              </li>          
              <li>
                <a href="<?= _ROOT."ui/proj/"?>index.php">所有用户</a>
              </li>
            </ul>
          </li>

          <!-- 关于 -->
          <li class="">
            <a href="javascript:alert('关于我们')">关于</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script>
   $(function(){
     loadMainMenu();
   });
   /**
    *加载前几个项目
    */
   function loadMainMenu()
   {
     $.ajax({
       url:'../../ctl/index.php?ctl=Project&ac=recent',
       method:'get',
       dataType:'json',
       success:function(data)
       {
         if(data.status=="suc")
         {
           $.each(data.projects,function(name){
             $("#menuProject").prepend("<li><a style='color:green;font-weight:bold;' href='<?= _ROOT.'ui/proj'?>/projectInfo.php?strproid="+data.projects[name].strproid+"'>"+decodeURI(data.projects[name].strname)+"</a></li>");
           });
         }
       }
     });
   }
  </script>